﻿@{
    ViewBag.Title = "Kênh Quảng Cáo";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section scripts
{
    <script src="~/Scripts/App/Guest/publisher_layout.js"></script>
    <script type="text/javascript" src="~/Scripts/App/Guest/channel.js"></script>
}
<div id="cover_publisher">
    <header class="user-channel" data-bind="style: { 'background': Cover }">
        <div class="single-video-mask"></div>
        <div class="row">
            <div class="large-6 columns">
                <div class="header-for-show">
                    <div class="large-12 small-12 columns">
                        <h4><i class="fi fi-star"></i><span data-bind="text: ChannelName">Trương Quang Nhật</span></h4>
                        <ul>
                            <li data-bind="visible: Facebook"><span class="sub-info"><i class="fi fi-social-facebook"></i><span data-bind="    text: Facebook"></span></span></li>
                            <li data-bind="visible: Phone"><span class="sub-info"><i class="fi fi-mobile"></i><span data-bind="    text: Phone"></span></span></li>
                            <li data-bind="visible: Address"><span class="sub-info"><i class="fi fi-address-book"></i><span data-bind="    text: Address"></span></span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="large-6 columns">
                <div class="avatar right relative" style="min-height: 220px">
                    <img data-bind="src: '../'+LogoLink()" class="right">
                </div>
            </div>
            <div class="large-12 columns">
                <ul class="pagination user-top-bar">
                    <li><a data-bind="href: '../../home/channel/' + PubId()">Danh mục chính</a></li>
                    <li><a data-bind="href: '../../home/gallery/' + PubId()">Thư viện hình ảnh</a></li>
                    <li><a data-bind="href: '../../home/about/' + PubId()">Thông tin công ty</a></li>
                </ul>
            </div>
        </div>
    </header>
</div>
<div class="row body forum-detail">
    <div class="large-12 small-12 columns">
        <div class="row post-details posts">
            <div class="large-12 small-12 columns" id="channel_content">
                <h3><i class="fi fi-thumbnails blue"></i><a href="#">Đăng gần đây</a></h3>
                <h6 class="subheader">Quảng cáo mới nhất</h6>
                <span class="clear"></span>
                <div class="row border-wrap category">
                    <div data-bind="foreach: RecentUploads">
                        <div class="medium-3 large-3 columns">
                            <div class="view view-normal">
                                <img data-bind="src: '../' +PreviewImg">
                                <div class="mask">
                                    <h2>Xem</h2>
                                    <a data-bind="href: '../home/advertise/' + AdvId" class="info wid100"><i class="fi fi-eye"></i></a>
                                </div>
                            </div>
                            <a data-bind="href: '../home/advertise/' + AdvId">
                                <h6 data-bind="text: Title"></h6>
                            </a>
                        </div>
                        <div class="medium-3 large-3 columns"></div>
                    </div>
                    <div data-bind="visible: IsMoreRecent()" class="medium-3 large-3 columns">
                        <a data-bind="click: $root.doMoreRecent" href="javascript:void()">Tải thêm</a>
                    </div>
                </div>

                <h3><i class="fi fi-thumbnails blue"></i><a href="#">Yêu Thích</a></h3>
                <h6 class="subheader">Quảng cáo được bình chọn nhiều nhất</h6>
                <span class="clear"></span>
                <div class="row border-wrap category">
                    <div data-bind="foreach: LikedAdvs">
                        <div class="medium-3 large-3 columns">
                            <div class="view view-normal">
                                <img data-bind="src: '../' + PreviewImg">
                                <div class="mask">
                                    <h2>Xem</h2>
                                    <a data-bind="href: '../home/advertise/' + AdvId" class="info wid100"><i class="fi fi-eye"></i></a>
                                </div>
                            </div>
                            <a data-bind="href: '../home/advertise/' + AdvId">
                                <h6 data-bind="text: Title"></h6>
                            </a>
                        </div>
                        <div class="medium-3 large-3 columns"></div>
                    </div>
                    <div data-bind="visible: IsMoreLiked()" class="medium-3 large-3 columns">
                       <a data-bind="click: $root.doMoreLiked" href="javascript:void()">Tải thêm</a>
                    </div>
                </div>

                <h3><i class="fi fi-thumbnails blue"></i><a href="#">Xem Nhiều</a></h3>
                <h6 class="subheader">Quảng cáo được xem nhiều nhất</h6>
                <span class="clear"></span>
                <div class="row border-wrap category">
                    <div data-bind="foreach: ViewsAdvs">
                        <div class="medium-3 large-3 columns">
                            <div class="view view-normal">
                                <img data-bind="src: '../' + PreviewImg">
                                <div class="mask">
                                    <h2>Xem</h2>
                                    <a data-bind="href: '../home/advertise/' + AdvId" class="info wid100"><i class="fi fi-eye"></i></a>
                                </div>
                            </div>
                            <a data-bind="href: '../home/advertise/' + AdvId">
                                <h6 data-bind="text: Title"></h6>
                            </a>
                        </div>
                        <div class="medium-3 large-3 columns"></div>
                    </div>
                    <div data-bind="visible: IsMoreViews()" class="medium-3 large-3 columns">
                        <a data-bind="click: $root.doMoreViews" href="javascript:void()">Tải thêm</a>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</div>
